<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="utf-8">
    <title>Title</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/css/customStyle.css" rel="stylesheet" type="text/css">
    <link href="/css/article.css" rel="stylesheet">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/templates/templates-comment.js"></script>
</head>
<body>

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="/">首页</a></li>
                <li><a href="/community.html">文章展示</a></li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li><a href="/article/commit.html">发帖</a></li>
            </ul>
        </div>
    </div>
</nav>

<div class="container">
    <div class="page-header">
        <h1 id="title"></h1>
    </div>
    <!-- 拿云大人，他就是奸细 -->
    <a class="btn btn-default" onclick="whistleblowers()" title="拿云大人，他就是奸细">举报</a>
    <nav aria-label="Page navigation" class="navbar-right">
        <ul class="pagination" style="margin-top:0">
            <li><a aria-label="Previous" href="#"><span aria-hidden="true">&laquo;</span></a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a aria-label="Next" href="#"><span aria-hidden="true">&raquo;</span></a></li>
        </ul>
    </nav>
</div>

<div class="container">
    <div class="row rounded-border">
        <div class="col-md-2 user-info">
            <img alt="tou" class="img-thumbnail img-responsive" id="authorPortrait"
                 src="/">
            <div class="text-center" id="authorNickName"></div>
        </div>
        <div class="col-md-10 ck-content" style="padding: 35px">
            <div class="row " style="margin-bottom: 20px;padding: 20px">
                <div class="ck-content" id="authorContent"></div>
            </div>
        </div>
    </div>
    <comment></comment>

    <div class="row">
        <div class="col-md-12 page-header">
            <h2>这个评论不知道比楼主要高到哪里去</h2>
        </div>
        <div class="col-md-12 editor">
            <div id="content"></div>
        </div>
        <div class="col-md-12" style="margin-top: 20px">
            <commit-btn></commit-btn>
        </div>
    </div>
</div>

<div class="footer footer-margin-top">
    <div class="container">
        <div class="footer-navbar">
            <a href="https://gitee.com/yzlin499/jquery-jx3strategystation">gitee仓库</a>
            <a href="#">关于我们</a>
        </div>
        <p class="footer-content ">
            CopyRight © 2019 jx3strategystation<br>
            All rights reserved. jx3strategystation 版权所有
        </p>
    </div>
</div>

<script src="/js/article.js"></script>
<script src="/js/templates/templates-commit-btn.js"></script>
</body>
</html>
